<%--
  Created by IntelliJ IDEA.
  User: shyroke
  Date: 2018/6/29 0029
  Time: 10:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
    <title>个人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="<%=path%>/script/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="<%=path%>/css/nav.css">
    <link rel="stylesheet" href="<%=path%>/css/jianli/main.css">
</head>
<body>
<!-- 导航栏  -->
<nav class="navbar navbar-fixed-top my-navbar" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img class="nav-logo" src="<%=path%>/img/nav-logo.png">
            </a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="<%=path%>/bokeController/bokeMain">日记与博客</a></li>
                <li><a href="#">备忘录</a></li>
                <li><a href="#">音乐</a></li>
                <li><a href="#">游戏</a></li>
                <li><a href="#">宠物</a></li>
                <li>
                    <a href="<%=path%>/jianliController/jianliMain">简历</a>
                </li>
                <li>
                    <a href="#">留言板</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- end  -->
<div class="container" id="jianli">
    <div class="row">
        <!--  左侧 -->
        <div class="col-md-3">
            <div class="panel panel-default">
                <div class="panel-heading">
                    我的资料
                </div>
                <div class="panel-body">
                    <img src="<%=path%>/img/touxiang.jpg" class="img-responsive img-rounded img-thumbnail" alt="Me">
                    <p class="text-center text-primary">Shyroke</p>
                    <address>
                        <span class="glyphicon glyphicon-user" title="Address"></span> 尤鸿杰 | Shyroke<br>
                        <span class="glyphicon glyphicon-home" title="Address"></span> 厦门市<br>
                        <span class="glyphicon glyphicon-phone" title="Mobile"></span> 18305917820<br>
                        <span class="glyphicon glyphicon-envelope" title="Email"></span> qweyhj@qq.com</kbd>
                    </address>
                </div>
            </div>
        </div>

        <!--  右侧 -->
        <div class="col-md-9">
            <div class="jumbotron">
                <p class="text-left small">
                    爱编程、爱旅游、爱音乐、爱打游戏、爱睡懒觉、爱我所爱该爱的一切。我擅长技术、崇尚简单和懒惰。我神秘而强大，沉默而爱憎分明。
                    <br>Don't panic I‘m a programmer
                </p>
            </div>

            <div class="panel-group" id="arradion">
                <div class="panel panel-default">
                    <!--工作经验  -->
                    <div class="panel-heading">
                        <div class="panel-title">
                            <a href="#collapseOne" data-toggle="collapse" data-parent="#accoradion">工作经验</a>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-success">
                                        <div class="row">
                                            <div class="col-sm-4">2017/07/24-2017/11/24</div>
                                            <div class="col-sm-4">福建博思软件股份有限公司</div>
                                            <div class="col-sm-4">JAVA开发工程师</div>
                                        </div>
                                    </li>

                                    <li class="list-group-item list-group-item-warning">
                                        <div class="row">
                                            <div class="col-sm-4">2018/03/05-2018/05/05</div>
                                            <div class="col-sm-4">福建华博教育科技股份有限公司</div>
                                            <div class="col-sm-4">JAVA开发工程师</div>
                                        </div>
                                    </li>

                                    <li class="list-group-item list-group-item-info">
                                        <div class="row">
                                            <div class="col-sm-4">2018/06/25-至今</div>
                                            <div class="col-sm-4">厦门宏网信息技术有限公司</div>
                                            <div class="col-sm-4">JAVA开发工程师</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- end -->
                    <!--  专业技能  -->
                    <div class="panel-heading">
                        <div class="panel-title">
                            <a href="#collapseTwo" data-toggle="collapse" data-parent="#accoradion">专业技能</a>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-success">
                                            <div >熟练掌握JAVA面向对象、反射、异常处理、多线程等基本JAVASE知识</div>
                                    </li>

                                    <li class="list-group-item list-group-item-warning">
                                        <div >熟练掌握SSH、SSM、Sprign Boot框架，并能进行相关项目开发</div>
                                    </li>

                                    <li class="list-group-item list-group-item-info">
                                        <div >熟练掌握深入JAVA虚拟机，包括内存管理、垃圾回收机制，虚拟机指令、类加载机制等</div>
                                    </li>
                                    <li class="list-group-item list-group-item-success">
                                        <div >熟练掌握git、svn等团队合作工具、软件项目管理工具maven</div>
                                    </li>

                                    <li class="list-group-item list-group-item-warning">
                                        <div >熟练掌握sql语言，掌握oracle、mysql、SQL server等数据库操作及JDBC数据库连接和C3P0、druid连接池以及jndi技术</div>
                                    </li>

                                    <li class="list-group-item list-group-item-info">
                                        <div >熟练掌握webService相关知识</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- end  -->
                    <!-- 项目经验  -->
                    <div class="panel-heading">
                        <div class="panel-title">
                            <a href="#collapseThree" data-toggle="collapse" data-parent="#accoradion">项目经验</a>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-success">
                                        <div class="row">
                                           <h3 class="text-center text-primary">个人图书馆</h3>
                                           <span class="text-primary"> 项目简介：</span><p>&emsp;本系统实现了图书即短篇文章和长篇小说的管理。对于长篇小说，本系统提供了保存书签（保存阅读进度）、批注（可以对任意段落进行批注）、语音阅读（将小说以语音形式播放）、在安卓端扫一扫阅读小说等功能。对于短篇文章，用户可以通过爬虫收藏别的站点的图书等手段丰富自己的图书馆。</p>
                                            <span class="text-primary">开源地址：</span><a href="https://gitee.com/youhongjie/personal_library" target="_blank">https://gitee.com/youhongjie/personal_library</a>
                                        </div>
                                    </li>

                                    <%--<li class="list-group-item list-group-item-warning">--%>
                                        <%--<div class="row">--%>
                                        <%--</div>--%>
                                    <%--</li>--%>

                                    <%--<li class="list-group-item list-group-item-info">--%>
                                        <%--<div class="row">--%>
                                        <%--</div>--%>
                                    <%--</li>--%>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>

            </div>


        </div>
    </div>
</div>

<footer>
    <nav class="navbar-fixed-bottom text-center navbar-default">
        All images and contents &copy;尤鸿杰
    </nav>
</footer>
<script src="<%=path%>/script/jquery-3.2.1.min.js"></script>
<script src="<%=path%>/script/bootstrap/js/bootstrap.min.js"></script>
<script src="<%=path%>/script/nav.js"></script>
</body>

